<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        其实就是路由守卫
        一、全局路由守卫
        1、全局前置守卫
        router.beforEach((to,form,next)=>{

            最后必须调用
            next()
        });

        2、全局后置守卫
        router.afterEach((to,from)=>{

        })

        3、路由独享守卫
        let router = new Vuerouter({
            mode:history,
            routers:[
                path:'',
                beforeEnter:{

                }
            ]
        })

        4、组件内守卫
        beforRouterEnter(to,from,next){

        }

        beforRouterUpdata(to,from,next){

        }

        beforRouterLeave(to ,from,next){

        }


    1、  导航被触发。
     2、   在失活的组件里调用 beforeRouteLeave 守卫。
     3、   调用全局的 beforeEach 守卫。
     4、   在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
      5、  在路由配置里调用 beforeEnter。
        解析异步路由组件。
        在被激活的组件里调用 beforeRouteEnter。
        调用全局的 beforeResolve 守卫 (2.5+)。
        导航被确认。
        调用全局的 afterEach 钩子。
        触发 DOM 更新。
        调用 beforeRouteEnter 守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。



     -->
</body>

</html>